<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线打字测试</title>
<link href="//localhost:8080/wbcf/style/main.css" rel="stylesheet"
	type="text/css" />
<script src="//localhost:8080/wbcf/js/main.js" type="text/javascript"></script>
</head>

<body>
	<div id="container">

		<div id="content" class="content_bg">
			<link href="style/count.css" rel="stylesheet" type="text/css" />
			<script type="text/javascript" src="js/key/share.js"></script>
			<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
	display: block;
}

#form1 {
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 990px;
	height: auto;
}

.butBox, .hzBox, .inBox, .wbjpBox {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
/*选取字库*/
.butBox	input {
	color: #e19015;
	font-size: 18px;
	font-family: "宋体";
	font-weight: bold;
	background: url(./style/images_new/wb_button.png) no-repeat 0px -60px;
	width: 110px;
	height: 40px;
	border-width: 0px;
	margin-bottom: 5px;
}

.butBox	input.on {
	background: url(./style/images_new/wb_button.png) no-repeat;
	color: #FFF;
}
/*五笔编码*/
.wbbmBox {
	height: 30px;
	width: 260px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px solid #D0D0D0;
}
/*输入编码提示*/
#viewinbm {
	display: block;
	float: left;
	height: 30px;
	font-size: 26px;
	color: #FD0004;
	font-family: "微软雅黑", "宋体";
	line-height: 30px;
}
/*输入框*/
#InputText {
	display: block;
	float: left;
	height: 30px;
	width: 4px;
	font-size: 26px;
	background-color: transparent;
	outline: none;
	ime-mode: disabled;
	border-width: 0px;
}

#wbbm {
	display: block;
	float: right;
	height: 30px;
	font-size: 23px;
	color: #666666;
	font-family: "微软雅黑", "宋体";
	line-height: 30px;
}

canvas {
	border: 1px solid #D0D0D0;
}
</style>


			<div id="loading">数据载入中...</div>
			<!-- <form name="form1" method="post" action="" id="form1">  -->
				<div class="butBox">
					<input type="button" id="butBox_button_1" class="on" name="button"
						value="成字字根" onclick="kuw_Select_lxzk(1)" /> <input type="button"
						id="butBox_button_2" name="button" value="键名字"
						onclick="kuw_Select_lxzk(2)" /> <input type="button"
						id="butBox_button_3" name="button" value="常用字1"
						onclick="kuw_Select_lxzk(3)" /> <input type="button"
						id="butBox_button_4" name="button" value="常用字2"
						onclick="kuw_Select_lxzk(4)" /> <br /> <input type="button"
						id="butBox_button_7" name="button" value="一级简码"
						onclick="kuw_Select_lxzk(7)" /> <input type="button"
						id="butBox_button_8" name="button" value="二级简码"
						onclick="kuw_Select_lxzk(8)" /> <input type="button"
						id="butBox_button_9" name="button" value="三级简码"
						onclick="kuw_Select_lxzk(9)" /> <input type="button"
						id="butBox_button_10" name="button" value="四级简码"
						onclick="kuw_Select_lxzk(10)" /> <input type="button"
						id="butBox_button_5" name="button" value="识别码"
						onclick="kuw_Select_lxzk(5)" /> <input type="button"
						id="butBox_button_6" name="button" value="难拆字"
						onclick="kuw_Select_lxzk(6)" />
				</div>
				<div class="hzBox">
					<canvas id="wbhz" width="200px" height="210px">彩色图解五笔拆字，系统自动拆分每一个练习汉字，用不同颜色区分拆分的字根，让用户轻松学习五笔打字。</canvas>
				</div>
				<div title="在线五笔练习编码输入区" class="inBox">
					<div class="wbbmBox">
						<span id="viewinbm"></span> <input id="InputText" name="InputText"
							type="text" autocomplete="off" maxlength="1"
							oninput="kuw_InputTxt(this);" onblur="this.focus()" /> <span
							id="wbbm"></span>
					</div>
				</div>
				<div class="wbjpBox">
					<canvas title="五笔字根表图" width="740px" height="220px" id="wbjp">五笔字根表动态提示</canvas>
					<!--  <audio id="errAudio" src="style/audio/error.mp3"></audio>  -->
				</div>
			<!-- </form>  -->
			<script type="text/javascript">
				var kuw_UserLX_Type = "3";
				var kuw_user_name = "";
			</script>

			<script type="text/javascript" src="js/key/wbjp.js"></script>
			<script type="text/javascript" src="js/key/wb_color.js"></script>
			<script type="text/javascript" src="js/key/wb_count.js"></script>
			<script type="text/javascript" src="js/key/wb_test.js"></script>
			<script type="text/javascript" src="js/key/wb_colork.js"></script>
			<script type="text/javascript" src="js/key/wblx.js"></script>

			<div class="clear"></div>
		</div>
		<div id="window_box"></div>
	</div>
	<script type="text/javascript">
		
	</script>
</body>
</html>